/* CSS Stylesheet | Produced 2025 by Michael Malitz . - michael.malitz@mm-it.at */ p, li, ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; margin:0 ; } /* p, li, ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; margin:0 ;color:blue;background-color: grey } */ h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 50px; text-decoration: none } /* background-color: yellow; und font-size macht die buchstaben nicht größer, sondern den ABSTAND!! oben und unten - */ /* test mal mit 550 px!!! WEIL: buchstaben-größe wird im html file mit font size="7" überschrieben */ /* h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 54px; text-decoration: none; color: black; background-color: grey} */ h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; border: black} /* h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; color: #666666; background-color: #EEEEEE; border: black} */ /* color: #666666 war grau als Hintergrund von H2 über die ganze LÄNGE!!!! */ h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold} /* h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #666666; background-color: #EEEEEE; font-weight: bold} */ p.normal { margin-left:40px; font-size:10pt; color:#99FFCC; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;} p.gross { font-size:16pt; color:#99FFCC; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;} p.beschreibung { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; text-align: Blocksatz;text-align: left;} /* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm KOMMENTARE ANFANG mmmmmmmmmmmmmmmmmmm body{background:#f8f8f8;color:#383838;font-size:16px;font-family:sans-serif;padding:0;text-align:center;margin:2rem}svg{width:250px;height:82px;margin:2rem 0 2.5rem} td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none} a{text-decoration:none font-size: 8pt; } a:link {text-decoration:none; font-family:verdana, arial; color:#5D84C5; font-size: 8pt} a:visited {text-decoration:none; font-family:verdana, arial; color:#5D84C5; font-size: 8pt} a:active {text-decoration:none; font-family:verdana, arial; color:7DA4E5; font-size: 8pt} a:hover {text-decoration:none; font-family:verdana, arial; color:#FF6600; font-size: 8pt} .menu { border: #000000; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin} .warning { font-weight: bold; color: #FF0000; } mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm Kommentare ENDE mmmmmmmmmmmmmmmmmmmm */ /* mm zentriert fürs Magdalena Image */ /* MM nach der Tabelle mit max-with=100% und height=auto istn gleich "volle" breite!!! */ /* Beispiel auf Kontakt_MB Seite - begrenzt durch die Tabelle/td

*/ .zentriert { display: block; /* Wandelt das Bild in ein Block-Element um */ margin-left: auto; /* Setzt linken Rand automatisch */ margin-right: auto; /* Setzt rechten Rand automatisch */ } /* table defs - ein Test Anfang */ .table_mm { border-style:dotted; /* Stil des Rands (solid, dashed, dotted) */ border-color: #96D4D4; /* border-color: red #f015ca; oder NUR red - ist ein kleiner Unetrschied */ background-color: #f2f2f2; / *Hellgrauer Hintergrund und #ffffff waer weiss* / border-width: 20; cellspacing:10; cellpadding:10; height:90%; width:90%; margin-left: auto; /* 0; Wichtig, um die Standard-Linksverschiebung aufzuheben */ /* oder z.B. mit pixel: margin-left: 40px; */ margin-right: auto; /* AUTO: Sie weisen den Browser an, jeglichen verbleibenden Raum automatisch gleichmäßig */ /* auf beiden Seiten zu verteilen, wodurch die Tabelle effektiv in die Mitte geschoben wird. */ /* vertical-align Bestimmt die vertikale Ausrichtung des Zelleninhalts (top, middle, bottom) */ /* text-align: left; /* Richtet den Inhalt der Zellen linksbündig aus */ } .table_AD { border-style:dotted; /* Stil des Rands (solid, dashed, dotted) */ border-color: #96D4D4; /* border-color: red #f015ca; oder NUR red - ist ein kleiner Unetrschied */ background-color: #f2f2f2; / *Hellgrauer Hintergrund und #ffffff waer weiss* / border-width: 20; cellspacing:10; cellpadding:10; height:60%; width:60%; margin-left: auto; /* 0; Wichtig, um die Standard-Linksverschiebung aufzuheben */ /* oder z.B. mit pixel: margin-left: 40px; */ margin-right: auto; /* AUTO: Sie weisen den Browser an, jeglichen verbleibenden Raum automatisch gleichmäßig */ /* auf beiden Seiten zu verteilen, wodurch die Tabelle effektiv in die Mitte geschoben wird. */ /* vertical-align Bestimmt die vertikale Ausrichtung des Zelleninhalts (top, middle, bottom) */ /* text-align: left; /* Richtet den Inhalt der Zellen linksbündig aus */ } /* table defs - ein Test Ende */ /* inline für 2 buttons in der gleiche Zeile - no new line... */ .inline { display: inline-block; } /* potentielle Buttons */ /* Test bei hover mit NEUER Hintergrundfarbe UND Textfarbe */ /* */ .button_hover { background-color: white; /*hintergund weiss */ border: none; color: black; /*schrift BLACK */ padding: 16px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.9s; /* Use the transition-duration property to determine */ /* the speed of the "hover" effect */ cursor: pointer; } /* */ /* und hover nicht grün... */ .button_hovk { background-color: #cfcfcf; /*hintergund leichtes grau */ border: none; color: black; /*schrift BLACK */ padding: 8px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 2px 2px; transition-duration: 0.9s; /* Use the transition-duration property to determine */ /* the speed of the "hover" effect */ cursor: pointer; } .button5 {border: 2px solid #04AA6D;} .button5:hover { background-color: #ffff00; /*blaulich */ color: blue; /* schrift ändert sich von black auf weiss */ } /* */ /* Ende Test bei hover mit neuer Hintergrundfarbe und Textfarbe */ /* .button hat eine sanfteres schwarz im vergleich zu .button2 und button2 hat "bold" statt "normal" characters, ansonsten sind sie GLEICH! .buttion_klein ist wie .button2 nur kleiner: font-size ist 60% statt 90% */ .button_klein { color: black; /* oder bsp: #700 leicht rötlich */ font-weight: normal; /* normal bold oder xxx oder range xxx yyy */ font-size: 60%; text-transform: normal; /* normal ist default capitalize der 1. chAR gross */ /* lowercase */ transition-duration: 1.5s; } .button { color: dimgray; /* color: dimgray ist "leichtes schwarz" oder bsp: #700 waere leicht rötlich */ font-weight: normal; /* normal bold oder xxx oder range xxx yyy */ font-size: 90%; text-transform: normal; /* normal ist default capitalize der 1. chAR gross */ /* lowercase */ transition-duration: 1.5s; } .button1 {border: 2px solid #04AA6D;} .button1:hover { background-color: #04AA6D; /*gruen */ color: white; /* schrift ändert sich von black auf weiss */ } .button2 { text-align: center; align-items: center; color: BLACK; /* oder bsp: #700 leicht rötlich */ font-weight: bold; /* normal bold oder xxx oder range xxx yyy */ font-size: 60%; text-transform: normal; /* normal ist default capitalize der 1. chAR gross */ /* lowercase */ transition-duration: 1.5s; } .button3 { color: black; /* so wie .button nur mit color black und fonr-weight: bold statt color: dimgray #700 waere leicht rötlich */ font-weight: bold; /* normal bold oder xxx oder range xxx yyy */ font-size: 90%; text-transform: normal; /* normal ist default capitalize der 1. chAR gross */ /* lowercase */ transition-duration: 1.5s; } .button_test_rund { color: grey; /* oder bsp: #700 leicht rötlich */ font-weight: normal; /* normal bold oder xxx oder range xxx yyy */ font-size: 90%; text-transform: normal; /* normal ist default capitalize der 1. chAR gross */ /* lowercase */ height: 80px; font-weight: bold; width: 80px; border-radius: 80px; } /* MM: mit andere Background color */ .button_blau { color: blue; /* oder bsp: #700 leicht rötlich */ font-weight: normal; /* normal bold oder xxx oder range xxx yyy */ font-size: 90%; text-transform: normal; /* normal ist default capitalize der 1. chAR gross */ /* lowercase */ /* MM Anmerkung: ich weiss nicht warum, aber die background-color: #f0f0f0; verhindert, */ /* das, wenn der Cursor über den Button schwebt, die Hintergrundfarbe sich ändert!!!*/ } .button-nl { color: #900; font-weight: bold; font-size: 80%; text-transform: uppercase; } .button-round { border:4px solid rgb(255,96,80); /* roter Kreis mit weissen Buchstaben */ background-color:red; border-radius:30px; color: white; width:60px; height:60px; font-size:20px; } .bold{ font-weight: bold; } .button_schwach { height: 100px; width: 100px; border-radius: 100px; border: 1px solid #000; } .rund2 { color: #600; height: 50px; font-weight: bold; font-size: 110%; width: 90px; border-radius: 50px; border: 2px solid #000; background-color: #FFFF00; cursor:pointer; } .rund3 { color: #800; height: 80px; font-weight: bold; font-size: 130%; width: 80px; border-radius: 80px; border: 2px solid #000; background-color: #AFEEEE; cursor:pointer; } .rund4 { color: #800; height: 50px; font-weight: bold; font-size: 130%; width: 90px; border-radius: 50px; border: 2px solid #000; background-color: #AFEEEE; cursor:pointer; } .rund5 { color: #555555; height: 80px; font-weight: bold; font-size: 90%; width: 80px; border-radius: 80px; border: 2px solid #000; background-color: #FFFAF0; /* bluetenweiss */ cursor:pointer; } .rund7 { color: #600; height: 50px; font-weight: bold; font-size: 110%; width: 140px; border-radius: 100px; border: 2px solid #000; background-color: #FFFF00; cursor:pointer; } .submit { color: #900; font-weight: bold; font-size: 100%; text-transform: uppercase; cursor:pointer; } .submit2 { color: #0000FF; font-weight: bold; font-size: 120%; text-transform: uppercase; cursor:pointer; } .submit3 { color: #0d0d0d; font-weight: bold; font-size: 120%; text-transform: uppercase; cursor:pointer; } .HL { color: #800; height: 40px; font-weight: bold; font-size: 140%; background-color: #FFFF00; cursor:pointer; } /* MM: zum Test für die Navigator Funktion */ .btnav { background-color: #FFFFCC; border: 1px #000000 solid;} /* MM Ende des CSS files */